import { createRouter, createWebHashHistory } from "vue-router";
import { useAuthMenuAndButtonStore } from "@/stores";
import { LOGIN_URL } from "@/config/app";
import {getToken} from "@/utils/token"
import { initDynamicRouter } from "@/router-back/modules/dynamicRouter";
import { staticRouter, errorRouter } from "@/router-back/modules/staticRouter";
import NProgress from "nprogress";
import "nprogress/nprogress.css";


NProgress.configure({ // NProgress Configuration
	easing: "ease", // 动画方式
	speed: 500, // 递增进度条的速度
	showSpinner: true, // 是否显示加载ico
	trickleSpeed: 200, // 自动递增间隔
	minimum: 0.3 // 初始化时的最小百分比
});

/**
 * @description 动态路由参数配置简介
 * @param path ==> 菜单路径
 * @param name ==> 菜单别名
 * @param redirect ==> 重定向地址
 * @param component ==> 视图文件路径
 * @param meta ==> 菜单信息
 * @param meta.icon ==> 菜单图标
 * @param meta.title ==> 菜单标题
 * @param meta.activeMenu ==> 当前路由为详情页时，需要高亮的菜单
 * @param meta.isLink ==> 是否外链
 * @param meta.isHide ==> 是否隐藏
 * @param meta.isFull ==> 是否全屏(示例：数据大屏页面)
 * @param meta.isAffix ==> 是否固定在 tabs nav
 * @param meta.isKeepAlive ==> 是否缓存
 * */
const router = createRouter({
	history: createWebHashHistory(),
	routes: [...staticRouter, ...errorRouter],
	strict: false,
	scrollBehavior: () => ({ left: 0, top: 0 })
});

/**
 * @description 路由拦截 beforeEach
 * */
router.beforeEach(async (to, from, next) => {
	// 1.NProgress 开始
	NProgress.start();

	// 2.如果是访问登陆页，没有 token 直接放行，有 token 就在当前页
	if (to.path === LOGIN_URL) {
		if (!getToken()) return next();
		else return next(from.fullPath);
	}

	// 3.判断是否有 Token，没有重定向到 login
	if (!getToken()) return next(LOGIN_URL);

	// 4.如果没有菜单列表，就重新请求路由列表
	const authStore = useAuthMenuAndButtonStore();
	if (!authStore.showMenuListGet.length) {
		await initDynamicRouter();
		return next({ ...to, replace: true });
	}

	// 5.正常访问页面
	next();
});

/**
 * @description 重置路由
 * */
export const resetRouter = () => {
	const authStore = useAuthMenuAndButtonStore();
	authStore.flatRouteListGet.forEach(route => {
		const { name } = route;
		if (name && router.hasRoute(name)) router.removeRoute(name);
	});
};

/**
 * @description 路由跳转结束
 * */
router.afterEach(() => {
	NProgress.done();
});

/**
 * @description 路由跳转错误
 * */
router.onError(error => {
	NProgress.done();
	console.warn("路由错误", error.message);
});

export default router;
